<template>
  <div class="ComHeader">
    <div class="heaLef">句读</div>
    <div class="heaRig" >
        <span>
          <img src="../../../build/message.svg" style="width:7vw;height:7vw;margin-top:0.5vw;">
        </span>
        <span class="fa fa-heart-o"></span>
        <span class="fa fa-share-square-o"></span>
      </div>
    </div>
</template>
<script>
import bus from "../../js/bus.js";
export default {
  data() {
    return {
      xqNumHea: [],
      index:0
    };
  },
  props: ["xqid"],
  mounted() {
    var _this = this;
    bus.$on("xqNumData", function(data) {
      _this.xqNumHea = data;
      console.log(_this.xqNumHea);
    });
  },
  methods: {}
};
</script>
<style scoped>
.ComHeader {
  width: 100vw;
  height: 20vw;
  display: flex;
  justify-content: space-around;
  background-color: #f7f7fa;
}
.heaLef {
  width: 30vw;
  height: 10vw;
  margin-top: 5vw;
  text-align: left;
  font-size: 8vw;
}
.heaRig {
  width: 50vw;
  height: 15vw;
  margin-top: 2vw;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
.heaRig > span {
  width: 15vw;
  display: block;
  font-size: 7vw;
  padding: 4vw 3vw;
}
</style>